<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>我的在线简历</title>
		<link rel="stylesheet" href="css/styles.css">
		<link rel="stylesheet" href="css/makers.css">
		<link rel="stylesheet" href="css/dropdown.css">
	</head>
	<body>
		<!-- 头部书签样式 -->
		<div class="custom-icon-nav">
			<!-- WeChat 图标 -->
			<a href="#" class="custom-chat wechat-item">
				<div class="custom-icon-img wechat-icon">📱</div>
				<div class="custom-icon-text wechat-text">WeChat</div>
				<div class="dropdown wechat-dropdown">
					<img src="img/wechat.jpg" alt="WeChat QR Code">
				</div>
			</a>
			<!-- QQ 图标 -->
			<a href="#" class="custom-chat qq-item">
				<div class="custom-icon-img qq-icon">🐧</div>
				<div class="custom-icon-text qq-text">QQ</div>
				<div class="dropdown qq-dropdown">
					<img src="img/QQ.jpg" alt="QQ QR Code">
				</div>
			</a>
			<!-- 其他自定义图标 -->
			<a href="https://hceb.edu.cn/" target="_blank" class="custom-icon-item">
				<div class="custom-icon-img">IP</div>
				<div class="custom-icon-text">HTTP Server ...</div>
			</a>
			<a href="https://gitee.com/general-youth" target="_blank" class="custom-icon-item">
				<div class="custom-icon-img">G</div>
				<div class="custom-icon-text">MyGit</div>
			</a>
			<a href="https://example.com" target="_blank" class="custom-icon-item">
				<div class="custom-icon-img">🌀</div>
				<div class="custom-icon-text">aotemanged...</div>
			</a>
			<!--<a href="https://example.com" target="_blank" class="custom-icon-item">
				<div class="custom-icon-img">+</div>
				<div class="custom-icon-text">添加信息</div>
			</a> -->
		</div>

		<!-- 主要内容区域，包含头部、教育背景、技能专长等 -->
		<div class="main-content">
			<!-- 页面头部，包含幻灯片和用户信息 -->
			<header>
				<!-- 幻灯片容器，用于展示多张图片 -->
				<div class="slider-container">
					<!-- 幻灯片内容，包含多张图片 -->
					<div class="slider">
						<!-- 多张图片，用于幻灯片展示 -->
						<!-- 推荐图片尺寸：至少800x400像素 -->
						<img src="img/profile.jpg" alt="Profile 1" class="slider-img">
					</div>
					<!-- 幻灯片控制按钮，上一张和下一张 -->
					<!-- <a class="prev" onclick="changeSlide(-1)">&#10094;</a> -->
					<!-- <a class="next" onclick="changeSlide(1)">&#10095;</a> -->
				</div>
			</header>

			<!-- 个人简介部分 -->
			<section class="section">
				<!-- 标题 -->
				<h2>个人简介</h2>
				<!-- 内容 -->
				<div class="content">
					<div class="info">
						<!-- 姓名 头像 -->
						<h1><img src="img/me.jpg" alt="个人照片" class="profile-img">姓名:bc成</h1>
					</div>
					<!-- 学校和专业 -->
					<p>毕业学校：<strong>海南经贸职业技术学院</strong> - 软件技术专业</p>
					<!-- 求职意向 -->
					<p>求职意向：Java开发工程师</p>
					<!-- 联系电话 -->
					<p>电话: <strong>18889109919</strong></p>
					<!-- 电子邮箱 -->
					<p>邮箱: <strong>3060301433@qq.com</strong></p>
					<!-- 就读时间 -->
					<p>在校时间：2023.09 - 2026.06</p>
					<!-- 主修课程 -->
					<p>主修课程: Java编程、数据库原理、Web开发、数据结构与算法</p>
				</div>
			</section>
			<!-- 技能专长部分 -->
			<section class="section">
				<!-- 标题 -->
				<h2>技能专长</h2>
				<!-- 内容 -->
				<div class="content">
					<!-- 技能列表 -->
					<ul>
						<li>熟练掌握Java、Python编程语言</li>
						<li>熟悉Spring Boot、MyBatis等开发框架</li>
						<li>熟悉MySQL、Oracle数据库</li>
						<li>熟悉HTML、CSS、JavaScript等前端技术</li>
						<li>熟悉Linux操作系统和Git版本控制工具</li>
						<!-- 新增的英语能力描述 -->
						<li>Good at listening，speaking，pronouncing and writing in English，especially oral conversation
						</li>
					</ul>
				</div>
			</section>

			<!-- 项目经验部分 -->
			<section class="section">
				<!-- 标题 -->
				<h2>项目经验</h2>
				<!-- 内容 -->
				<div class="content">
					<!-- 项目标题 -->
					<h3>在线图书管理系统</h3>
					<!-- 项目时间 -->
					<p><strong>项目时间:</strong> 2024.03 - 2025.06</p>
					<!-- 项目描述 -->
					<p><strong>项目描述:</strong> 基于Spring Boot和MySQL开发的图书管理系统，支持图书的增删改查、借阅归还等功能。</p>
					<!-- 个人职责 -->
					<p><strong>个人职责:</strong> 负责后端开发，设计数据库表结构，实现RESTful API接口。</p>
					<!-- 技术栈 -->
					<p><strong>技术栈:</strong> Java, Spring Boot, MySQL, HTML, CSS, JavaScript</p>
				</div>
				<!-- 第二个项目内容 -->
				<div class="content">
					<!-- 项目标题 -->
					<h3>个人博客网站</h3>
					<!-- 项目时间 -->
					<p><strong>项目时间:</strong> 2021.09 - 2021.12</p>
					<!-- 项目描述 -->
					<p><strong>项目描述:</strong> 使用Django框架开发的个人博客网站，支持文章发布、评论、用户注册登录等功能。</p>
					<!-- 个人职责 -->
					<p><strong>个人职责:</strong> 负责前后端开发，部署到Linux服务器。</p>
					<!-- 技术栈 -->
					<p><strong>技术栈:</strong> Python, Django, SQLite, HTML, CSS, JavaScript</p>
				</div>
			</section>

			<!-- 获奖情况部分 -->
			<section class="section">
				<!-- 标题 -->
				<h2>获奖情况</h2>
				<!-- 内容 -->
				<div class="content">
					<!-- 奖项列表 -->
					<ul>
						<li>2022年校级编程大赛一等奖</li>
						<li>2021年国家励志奖学金</li>
						<li>2025年独牙中式九球全球比赛未参赛选手</li>
					</ul>
				</div>
			</section>

			<!-- 自我评价部分 -->
			<section class="section">
				<!-- 标题 -->
				<h2>自我评价</h2>
				<!-- 内容 -->
				<div class="content">
					<!-- 自我评价内容 -->
					<p>热爱编程，具备扎实的Java开发基础，熟悉常见开发框架和工具。有较强的学习能力和团队合作精神，能够快速适应新技术和新环境。</p>
				</div>
			</section>

			<!-- 页脚部分 -->
			<footer>
				<!-- 版权信息 -->
				<p>© 2023 bc成. 版权所有 如有雷同 那就雷同吧.</p>
			</footer>
		</div>

		<script src="js/slider.js"></script>
		<script src="js/responsive.js"></script>
		<script src="js/dropdown.js"></script>
	</body>
</html>